import common from '../vendor/common'
import '../scss/login_new.scss'
import { login } from '../vendor/api'
try{
const mui = common.mui
var data = {} //登录时提交的参数
var tel = null //手机号码
var password = null //密码
mui.init({
    swipeBack:true //启用右滑关闭功能
});
mui.plusReady(function(){
    // 初始化数据
    window.addEventListener('new', function(e){
        data = {}
        tel = null
        password = null
        mui('#tel')[0].value = null
        mui('#password')[0].value = null
    })
    var agreementNView = { //详情页原生导航配置
        backgroundColor: '#ffffff', //导航栏背景色
        titleText: '楚楼网用户使用协议', //导航栏标题 Vuehouse.list.title
        titleColor: '#333333', //文字颜色
        type: 'transparent', // 默认样式样式
        autoBackButton: false, //自动绘制返回箭头
        splitLine: { //底部分割线
          color: '#efefef'
        }
      }
    var quick = mui.preload({
        url: 'login_quick.html',
        id: 'login_quick.html',
        styles:{
            popGesture: 'hide'
        }
    })
    var password = mui.preload({
        url: 'login_password.html',
        id: 'login_password.html',
        styles:{
            popGesture: 'hide'
        }
    })
    var register = mui.preload({
        url: 'register.html',
        id: 'register.html',
        styles:{
            popGesture: 'hide'
        }
    })
    // 预加载用户协议
    var user_agreement = mui.preload({
        url: 'user_agreement.html',
        id: 'user_agreement.html',
        styles:{
          popGesture: 'hide',
          "titleNView": agreementNView
        }
      })
    // 关闭当前页面
    mui('#nav')[0].addEventListener('tap',function(){
        var ws=plus.webview.currentWebview();
        plus.webview.hide(ws)
    })
    // 手机快捷登录
mui('.shortcut').on('tap','a',function(){
    var quickPage = plus.webview.getWebviewById('login_quick.html')
    mui.fire(quickPage, 'quick')
    quick.show('slide-in-right',300)
    // 跳转至手机快捷登录页面时关闭当前页面
    var ws=plus.webview.currentWebview();
    plus.webview.hide(ws)
})
// 忘记密码
mui('.pwd').on('tap','a',function(){
    var password = plus.webview.getWebviewById('login_password.html')
    mui.fire(password, 'password')
    password.show('slide-in-right',300)
})
// 注册
mui('#register')[0].addEventListener('tap',function(){
    var register = plus.webview.getWebviewById('register.html')
    mui.fire(register, 'register')
    register.show('slide-in-right',300)
})
mui("#user_agreement").on('tap', 'a', function() {
    if (mui.os.ios) {
        var user_agreement = plus.webview.getWebviewById('user_agreement.html')
        user_agreement.show('slide-in-right',300)
    }else {
        plus.runtime.openURL(process.env.config.user_agreement_url)
    }
})
})


// 登录验证
mui('.loginBtn').on('tap','button',(e)=>{
    tel = mui('#tel')[0].value
    password = mui('#password')[0].value
    data.tel = tel
    data.password = password
    // 隐藏键盘
    mui('#tel')[0].blur()
    mui('#password')[0].blur()
    // 判断数据是否存在
    var telRpx = /^\+?[1-9][0-9]*$/
    if (!telRpx.test(tel) || tel.length !== 11) {
        mui.alert('请输入11位手机号码');
        return
    }
    if(!password || password.trim() == ''){
        mui.alert('请输入密码');
        return
    }
    if(password.length < 6){
        mui.alert('密码最小长度为6位')
        return
    }
    if(password.length > 18){
        mui.alert('密码最大长度为18位')
        return
    } 
    login(data).then((res)=>{
        if(res.data.status){
            mui('#tel')[0].value = ''
            mui('#password')[0].value = ''
            // 登录成功提示
            mui.toast('登录成功')
            // 储存token
            plus.storage.setItem('access_token', res.data.token);
            // 储存电话号码
            plus.storage.setItem('tel', tel);
            // 获取手机快捷登录页面
            var quickPage = plus.webview.getWebviewById('login_quick.html')
            //获取当前页面
            var ws=plus.webview.currentWebview(); 
            //应用首页WebviewObject窗口对象
            var indexPage = plus.webview.getLaunchWebview()
            // 获取我的首页
            var userPage = plus.webview.getWebviewById('/home/user_index.html')
            //关闭当前页
            plus.webview.hide(ws)
            //关闭快捷登录页
            plus.webview.hide(quickPage)
            // 调用首页WebviewObject窗口changeTab方法
            console.log(JSON.stringify(indexPage))
            mui.fire(indexPage, 'changeTab', {tab: 4});
            // 调用我的首页upTel方法
            mui.fire(userPage, 'upTel', {tel: tel})
        }
    })
})
}catch(e){
    console.log('login_new出错了')
}